<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>动态轮播图</title>
	<!-- 引入首页的CSS文件 -->
	<link rel="stylesheet" href="css/index.css">
	
	<!-- 引入首页的animate.js文件(这个animate.js必须要写到index.js的上面引入)-->
	<script src="js/animate.js"></script>

	<!-- 引入首页的index.js文件 -->
	<script src="js/index.js"></script>
</head>
<body>
	<div class="focus">
		<!-- 左侧按钮 -->
		<!-- javascript:;可以让超链接不要跳转 -->
        <a href="javascript:;" class="arrow-l">  </a>
         
        <!-- 右侧按钮 -->
        <a href="javascript:;" class="arrow-r">  </a>

		<!-- 核心的滚动区域 -->
		<ul>
			<li><a href="#"><img src="images/focus.jpg"></a></li>
			<li><a href="#"><img src="images/focus1.jpg"></a></li>
			<li><a href="#"><img src="images/focus2.jpg"></a></li>
			<li><a href="#"><img src="images/focus3.jpg"></a></li>
			<!-- 要无缝滚动，第一张图片再放一次到最后面 -->
			<!-- <li><a href="#"><img src="images/focus.jpg"></a></li> -->
		</ul>

		<!-- 小圆圈 -->
		<ol class="circle">
		
		</ol>
	</div>
</body>
</html>